<template>
	<div>
		<div class="carner-block">
			<sh-corner title="备注"></sh-corner>
		</div>
		<div class="carner-block">
			<sh-corner title="备注" rotate color="#f60"></sh-corner>
		</div>
		<div class="carner-block">
			<sh-corner title="备注" rotate color="#00b791" placement="top-left"></sh-corner>
		</div>
		<div class="carner-block">
			<sh-corner title="备注" rotate color="#ff7d92" placement="bottom-left"></sh-corner>
		</div>
		<div class="carner-block">
			<sh-corner title="备注" rotate color="#8b72ff" placement="bottom-right"></sh-corner>
		</div>
	</div>
</template>

<script>
export default {
	name: 'BaseCorner',
	props: {},
	data() {
		return {}
	},
	computed: {},
	watch: {},
	created() {},
	mounted() {},
	beforeUnmount() {},
	methods: {}
}
</script>

<style lang="scss" scoped>
.carner-block {
	width: 150px;
	height: 200px;
	display: block;
	position: relative;
	background: #fff;
	margin: 10px;
	float: left;
}
</style>
